<template>
    <div>
        这是首页

        <tabbar :index="index" :items="items" :show="showTab" back-color="#FCFCFC" color="#B2B2B2"></tabbar>
    </div>
</template>

<script type="text/ecmascript-6">
    import { Tabbar } from 'vmc';

    export default {
        components: {
            Tabbar
        },
        data() {
            return {
                direction: 'forward',
                showTab: true,
                index: 0,
                items: [
                    {
                        icon: `<i style="transform: scale(0.94);" class="icono-home"></i>`,
                        text: '首页',
                        callback: () => this.$router.go('/store/index')
                    },
                    {
                        icon: `<i style="transform: scale(0.94);" class="icono-exclamationCircle"></i>`,
                        text: '订单',
                        callback: () => this.$router.go('/order/index')
                    },
                    {
                        icon: `<i style="transform: scale(0.94);" class="icono-exclamationCircle"></i>`,
                        text: '我的',
                        callback: () => this.$router.go('/Ucenter')
                    }
                ]
            }
        }
    }

</script>

<style rel="alternate/less" lang="less">

</style>